<script setup>
import ShopInfo from '@/components/ShopInfo/ShopInfo.vue'
import useShopStore from "@/stores/shop.js";
import { RouterLink,RouterView } from "vue-router";
const shopStore = useShopStore()
</script>

<template>
  <!-- 附近店铺 -->
  <div class="nearby">
    <h3 class="nearby_title">附近店铺</h3>
    <RouterLink v-for="item in shopStore.nearbyList" :key="item.id" :to="{path:'/shop',query:{id:`${item.id}`}}">
      <ShopInfo :msg="item"></ShopInfo>
    </RouterLink>
  </div>
</template>
                   
<style lang="scss" scoped>
@import '@/style/viriables.scss';

.nearby {
  &_title {
    margin: .16rem 0;
    font-size: .18rem;
    font-family: PingFangSC-Medium;
    font-weight: normal;
    line-height: .25rem;
    color: $content_fontcolor;
  }

  a {
    text-decoration: none;
  }
}
</style>